<? include_once("config.php")?>
<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <? require_once('title.php');?>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/index/style.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/index/media.css">
        <link rel="stylesheet" href="css/index/animation.css">
    </head>
    <body id="large-header">
        <div class="beginning left flex flex-align-items">
                <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogo.png" alt="入场logo图">
        </div>
        <div class="beginning right flex flex-align-items">
                <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogoTxt.png" alt="入场logo文字">
        </div>
        <div class="cutLetter flex flex-align-items flex-justify-content">
            <img src="img/common/bodyBg.jpg" class="bg obj-c" alt="">
            <p>创意</p>
            <p class="mid">规范</p>
            <p>智能</p>
        </div>
        <div class="container">
            <? require_once('header.php');?>
            <main>
                <div class="headSwiper">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
				
							<? 
								$newsObj=newslist("banner","cn","0","10");
								$newsArr=$newsObj['newsArr'];
								foreach($newsArr as $newsList){
							?>
							
								<div class="swiper-slide">
									<img src="upload/<?=$newsList->SMALLPIC?>" alt="">
									<div class="pageTip flex">
										<?=$newsList->MEMO?>
									</div>
								</div>
							<? }?>
						
                        </div>
                    </div>
                    <p class="shadow"></p>
                    <img class="prev flipBtn cursor" src="img/index/prev.png" alt="">
                    <img class="next flipBtn cursor" src="img/index/next.png" alt="">
                    <img src="img/index/down.png" alt="滚动下拉">
                </div>
                <div class="about ready">
                    <div class="fluid">
                        <img class="marks" src="img/index/quotation_marks_lft.png" alt="">
                        <div class="contn">
                            <div class="aboutTips flex ready">
                                <div class="lft">
                                    <p class="fst flex">HELLO</p>
                                    <p class="scd">IT'S JM</p>
                                    <p class="thd flex">关于我们</p>
                                </div>
                                <i class="flex"></i>
                                <div class="rht">
                                    <p class="fst flex">创作出</p>
                                    <p class="scd">真正感动人心的</p>
                                    <p class="thd flex">作品</p>
                                </div>
                            </div>
                            <div class="content flex ready">
                                <div class="round">
                                    <p class="circle huge"></p>
                                    <p class="circle big"></p>
                                    <div class="circle letter">
                                        <div class="small">
                                            <div class="item">
                                                <p class="solid"></p>
                                                <p class="hollow sm"></p>
                                                <p class="hollow md"></p>
                                                <p class="hollow lg"></p>
                                            </div>
                                            <div class="item">
                                                <p class="solid"></p>
                                                <p class="hollow sm"></p>
                                                <p class="hollow md"></p>
                                                <p class="hollow lg"></p>
                                            </div>
                                            <div class="item">
                                                <p class="solid"></p>
                                                <p class="hollow sm"></p>
                                                <p class="hollow md"></p>
                                                <p class="hollow lg"></p>
                                            </div>
                                        </div>
                                        <div class="letterBox">
                                            <p><span>规范</span></p>
                                            <p><span>智能</span></p>
                                            <p><span>创意</span></p>
                                        </div>
                                    </div>
                                    <img class="picCircle" src="img/index/uncomplete.png" alt="不完整圆">
                                    <img class="logo" src="img/index/aboutLogo.png" alt="logo">
                                </div>
                                <div class="txt">
                                    <div class="txtBox">
                                        <? signerpost("cn","首页关于我们"); ?>
                                    </div>
                                    <a class="flex flex-align-items flex-justify-content more" href="about.php">
                                        查看更多
                                        <span class="imgContn">
                                            <img class="btm" src="img/index/arrowLink.png" alt="黑色跳转箭头">
                                            <img class="top" src="img/index/arrowLinkWhite.png" alt="白色跳转箭头">
                                        </span>
                                        <span class="bg"></span>
                                    </a>
                                </div>
                                <img src="img/index/aboutDn.png" class="flipBtn" alt="">
                                <a class="flex flex-align-items flex-justify-content more" href="about.php">
                                    查看更多
                                    <span class="imgContn">
                                        <img class="btm" src="img/index/arrowLink.png" alt="黑色跳转箭头">
                                        <img class="top" src="img/index/arrowLinkWhite.png" alt="白色跳转箭头">
                                    </span>
                                    <span class="bg"></span>
                                </a>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="tips ready flex flex-justify-content">
                    <p class="chn">设计生活，设计未来。</p>
                    <p class="eng">Design life,design the future.</p>
                    <i class="ready"></i>
                </div>
                <div class="case">
                    <div class="fluid">
                        <div class="flex blockHead">
                            <div class="title">
                                <p class="chn"><span>全部案例</span></p>
                                <p class="eng"><span>CASE</span></p>
                                <i class="tp horizontal"></i>
                                <i class="lft vertical"></i>
                                <i class="btm horizontal"></i>
                                <i class="rht vertical"></i>
                            </div>
                            <div class="roll ready">
                                <div class='examples flex'>
                                    <p class="block flex">
                                        <span class='num'>2015</span>
                                        <span>年吉曼公司成立</span>
                                    </p>
                                    <p class="block flex">
                                        <span><em class="num">100</em><em>+</em></span>
                                        <span>精英设计团队</span>
                                    </p>
                                    <p class="block flex">
                                        <span><em class="num">200</em><em>+</em></span>
                                        <span>每年完成项目</span>
                                    </p>
                                    <p class="block flex">
                                        <span><em class="num">999</em><em>+</em></span>
                                        <span>合作客户</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="contn flex">
                            <ul class="sideNav">
							
							<?
							$protypeObj=protypelist("1","cn","20");
							$protypeArr=$protypeObj['protypeArr'];
							foreach($protypeArr as $protypeList){
						?> 
						
									<li>
                                    <p class="fNav flex-align-items"><i class="line"></i><?=$protypeList->CALLED?></p>
                                    <div class="sonMenu">
                                        <ul>
										<?
											$protypeObj2=protypelist($protypeList->ID,"cn","20");
											$protypeArr2=$protypeObj2['protypeArr'];
											foreach($protypeArr2 as $protypeList2){
										?> 
                                            <li class="flex flex-align-items"><i class="line"></i><a href="case.php?tid=<?=$protypeList2->ID?>&tid1=<?=$protypeList->ID?>"><?=$protypeList2->CALLED?></a></li>
											<? }?>
                                        </ul>
                                    </div>
                                </li>
						
						<? }?>
							
                                
                               
                                <a class="flex flex-align-items flex-justify-content more" href="cases.php ">
                                    查看更多
                                    <span class="imgContn">
                                        <img class="btm" src="img/index/arrowLink.png" alt="黑色跳转箭头">
                                        <img class="top" src="img/index/arrowLinkWhite.png" alt="白色跳转箭头">
                                    </span>
                                    <span class="bg"></span>
                                </a>
                            </ul>
							
                            <div class="examplePalace">
								<?
								$protypeObj=protypelist("1","cn","20");
								$protypeArr=$protypeObj['protypeArr'];
								$i=0;
								foreach($protypeArr as $protypeList){
								$i++;
							?> 
								
									<div class="box <? if($i==1){?> current <? }?>">
										<div class="item flex">
										
										
										 <?
												$linkurl = $_SERVER["PHP_SELF"]."?";
												$proObj=productlist($protypeList->CALLED,$protypeList->ID,"cn","1","6");
												$proArr=$proObj['proArr'];
												foreach($proArr as $proList){
												?>
												
												<a href="casesd.php?pid=<?=$proList->ID?>">
													<p class="pic">
														<img src="upload/<?=$proList->SMALLPIC?>" alt="<?=$proList->PRONAME?>">
													</p>
													<p class="addr flex flex-align-items"><span><img src="img/index/smBook.png" alt=""><?=$proList->PRONAME?></span><span><?=$proList->MJ?></span></p>
												</a>
				
									   <? }?>
	
										</div>
									</div>
								
								<? }?>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="tips ready flex flex-justify-content">
                    <p class="chn">一直被模仿，从未被超越。</p>
                    <p class="eng">It has always been imitated and never surpassed.</p>
                    <i class="ready"></i>
                </div>
                <div class="team">
                    <div class="fluid">
                        <div class="marksTT flex">
                            <div class="title">
                                <p class="chn"><span>设计团队</span></p>
                                <p class="eng"><span>TEAM</span></p>
                                <i class="tp horizontal"></i>
                                <i class="lft vertical"></i>
                                <i class="btm horizontal"></i>
                                <i class="rht vertical"></i>
                            </div>
                            <img class="marks" src="img/index/quotation_marks_rht.png" alt="右引号">
                        </div>
                        <div class="content flex">
                            
                            <p class="pic">
                                <img class="obj-c" src="img/team/creator.jpg" alt="创始人图片">
                            </p>
                            <div class="arrows flex flex-align-items flex-justify-content">
                                <img src="img/index/roundArrow.png" alt="">
                                <img src="img/index/roundArrow.png" alt="">
                                <img src="img/index/roundArrow.png" alt="">
                                <img src="img/index/roundArrow.png" alt="">
                            </div>
                            <div class="info autoAnimate">
                                <p>创始人</p>
                                <i></i>
                                <p class="name">张永志</p>
                                <div class="paragraph">
                                    <? signerpost("cn","首页创始人"); ?>
                                </div>
                                <a class="flex flex-align-items flex-justify-content more" href="team.php ">
                                    查看更多
                                    <span class="imgContn">
                                        <img class="btm" src="img/index/arrowLink.png" alt="黑色跳转箭头">
                                        <img class="top" src="img/index/arrowLinkWhite.png" alt="白色跳转箭头">
                                    </span>
                                    <span class="bg"></span>
                                </a>
                                <span class="border auto top horizontal"></span>
                                <span class="border auto right vertical"></span>
                                <span class="border auto bottom horizontal"></span>
                                <span class="border auto left vertical"></span>
                            </div>
                        </div>
                    </div>
                    
                       
                </div>
                <div class="tips ready flex flex-justify-content">
                    <p class="chn">创意、规范、智能</p>
                    <p class="eng">ORIGINALITY、STANDARD、INTELIGENCE</p>
                    <i class="ready"></i>
                </div>
               
                <div class="news fluid">
                    <div class="title">
                        <p class="chn"><span>新闻中心</span></p>
                        <p class="eng"><span>NEWS</span></p>
                        <i class="tp horizontal"></i>
                        <i class="lft vertical"></i>
                        <i class="btm horizontal"></i>
                        <i class="rht vertical"></i>
                        <div class="filter">
                            <p class="current">
                                公司新闻
                                <i></i>
                            </p>
                            <p>
                                访谈讲座
                                <i></i>
                            </p>
                            <p>
                                文娱活动
                                <i></i>
                            </p>
                        </div>
                    </div>
                    <div class="newsBox">
                        <ul class="ready current">
						
					
						<? 
							$newsObj=newslist("公司新闻","cn","1","3");
							$newsArr=$newsObj['newsArr'];
							foreach($newsArr as $newsList){
						?>
						
						<li class="needHover">
                                <a href="newsd.php?nid=<?=$newsList->ID?>&gid=0">
                                    <p class="pic">
                                        <img src="upload/<?=$newsList->SMALLPIC?>" alt="">
                                    </p>
                                    <div class="content">
                                        <h5><?=$newsList->TITLE?></h5>
                                        <span>查看更多</span>
                                    </div>
                                </a>
                                <span class="border hover top horizontal"></span>
                                <span class="border hover right vertical"></span>
                                <span class="border hover bottom horizontal"></span>
                                <span class="border hover left vertical"></span>
                            </li>

						<? }?>
	
                        </ul>
                        <ul class="ready">
						
						<? 
							$newsObj=newslist("访谈讲座","cn","1","3");
							$newsArr=$newsObj['newsArr'];
							foreach($newsArr as $newsList){
						?>
						
						<li>
                                <a href="newsd.php?nid=<?=$newsList->ID?>&gid=1">
                                    <p class="pic">
                                        <img src="upload/<?=$newsList->SMALLPIC?>" alt="">
                                    </p>
                                    <div class="content">
                                        <h5><?=$newsList->TITLE?></h5>
                                        <span>查看更多</span>
                                        <span class="moreInfo">查看更多</span>
                                    </div>
                                </a>
                            </li>
						<? }?>
						
                            
                        </ul>
                        <ul class="ready">
                          <? 
							$newsObj=newslist("文娱活动","cn","1","3");
							$newsArr=$newsObj['newsArr'];
							foreach($newsArr as $newsList){
						?>
						
						<li>
                                <a href="newsd.php?nid=<?=$newsList->ID?>&gid=2">
                                    <p class="pic">
                                        <img src="upload/<?=$newsList->SMALLPIC?>" alt="">
                                    </p>
                                    <div class="content">
                                        <h5><?=$newsList->TITLE?></h5>
                                        <span>查看更多</span>
                                        <span class="moreInfo">查看更多</span>
                                    </div>
                                </a>
                            </li>
						<? }?>
                        </ul>
                    </div>
                    
                    <a class="flex flex-align-items flex-justify-content more" href="news.php ">
                        查看更多
                        <span class="imgContn">
                            <img class="btm" src="img/index/arrowLink.png" alt="黑色跳转箭头">
                            <img class="top" src="img/index/arrowLinkWhite.png" alt="白色跳转箭头">
                        </span>
                        <span class="bg"></span>
                    </a>
                </div>
                <div class="tips ready flex flex-justify-content">
                    <p class="chn">一直被模仿，从未被超越。</p>
                    <p class="eng">It has always been imitated and never surpassed.</p>
                    <i></i>
                </div>
            </main>
            <? require_once('footer.php');?>
        </div>
        
        <script src="js/common/swiper.min.js"></script>
        <script src="js/common/jquery.js"></script>
        <script>
            var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
            if (typeof jQuery == 'undefined') {
                console.log(" 未加载")
                if(flag_lianxing){
                    console.log("自动刷新一次未加载")
                }else{
                    sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                    window.location.reload();
                }
        
            } else {
                console.log(" 已加载")
            }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/index/index.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index/animation.js"></script>


    </body>
</html>